<!DOCTYPE html>
<html lang="en">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport"
		content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" />
	<meta name="format-detection" content="telephone=no" />
	<meta name="format-detection" content="email=no" />
	<meta http-equiv="Pragma" content="no-cache" />
	<meta http-equiv="Cache-Control" content="no-cache" />
	<meta http-equiv="Expires" content="0" />
	<title>患者档案-体格检查</title>
	<!-- 引入 vant UI 组件库样式文件 -->
	<link rel="stylesheet" href="../../common/css/vant-index.css" />
	<style rel="stylesheet">
		body {
			background-color: #f7f8fa;
		}

		a {
			-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		}

		a:-webkit-any-link {
			color: #eee;
		}

		.container {
			border: 1px solid #f5f5f5;
			box-shadow: -1px 5px 5px #ececec;
			border-radius: 10px;
			/* margin: 0.6rem; */
			padding: 0;
		}

		.van-cell-group--inset {
			margin: 0;
		}

		.lists,
		.texts {
			color: #8c8c8c;
		}

		.texts {
			margin-top: 0.3rem;
		}

		#sub-title {
			margin-top: 0.5rem;
			margin-bottom: 0.5rem;
			margin-left: 1rem;
		}

		.icon {
			display: inline-block;
			background-color: #E22E30;
			width: 0.5rem;
			height: 0.5rem;
			margin-right: 0.5rem;
		}

		.text {
			display: inline-block;
			font-size: 1.1rem;
			font-weight: 450;
			color: #555555;
		}

		.tab-btn {
			margin: 0.2rem;
			height: 1.7rem;
			line-height: 1.7rem;
		}
	</style>
</head>

<body>
	<div id="app" v-cloak>
		<div class="container">
			<van-nav-bar title="体格检查" left-text="返回" left-arrow @click-left="onClickLeft" @click-right="onClickRight">
				<template #right>
					<van-icon name="wap-home-o" size="18" />
				</template>
			</van-nav-bar>
			<div id="sub-title">
				<div class="icon"></div>
				<div class="text">基础检查</div>
			</div>
			<van-cell-group inset>
				<van-cell>
					<template #title>
						<span class="custom-title"> 心率 </span>
					</template>
					<template #value>
						{{currentData.heartRate}} 次/分钟
					</template>
				</van-cell>
				<van-cell>
					<template #title>
						<span class="custom-title"> 脉搏 </span>
					</template>
					<template #value>
						{{currentData.sphygmus}} 次/分钟
					</template>
				</van-cell>
				<van-cell>
					<template #title>
						<span class="custom-title"> 呼吸 </span>
					</template>
					<template #value>
						{{currentData.breath}} 次/分钟
					</template>
				</van-cell>
				<van-cell>
					<template #title>
						<span class="custom-title"> 体重 </span>
					</template>
					<template #value> {{currentData.weight}} kg </template>
				</van-cell>
				<van-cell>
					<template #title>
						<span class="custom-title"> 身高 </span>
					</template>
					<template #value> {{currentData.height}} cm </template>
				</van-cell>
				<van-cell>
					<template #title>
						<span class="custom-title"> BMI </span>
					</template>
					<template #value> {{currentData.bmi}} % </template>
				</van-cell>
				<van-cell>
					<template #title>
						<span class="custom-title"> 腰围 </span>
					</template>
					<template #value> {{currentData.waist}} cm </template>
				</van-cell>
				<van-cell>
					<template #title>
						<span class="custom-title"> 臀围 </span>
					</template>
					<template #value> {{currentData.hip}} cm </template>
				</van-cell>
				<van-cell>
					<template #title>
						<span class="custom-title"> 腰臀比 </span>
					</template>
					<template #value> {{currentData.whratio}} % </template>
				</van-cell>
				<van-cell>
					<template #title>
						<span class="custom-title"> 血压收缩压 </span>
					</template>
					<template #value>
						{{currentData.bloodSystolicPress}} mmHg
					</template>
				</van-cell>
				<van-cell>
					<template #title>
						<span class="custom-title"> 血压舒张压 </span>
					</template>
					<template #value>
						{{currentData.bloodDiastolicPress}} mmHg
					</template>
				</van-cell>
				<van-cell>
					<template #title>
						<span class="custom-title"> 体温 </span>
					</template>
					<template #value>
						{{currentData.temperature}} ℃
					</template>
				</van-cell>
				<van-cell>
					<template #title>
						<span class="custom-title"> 视力(左) </span>
					</template>
					<template #value> {{currentData.vision}} </template>
				</van-cell>
				<van-cell>
					<template #title>
						<span class="custom-title"> 视力(右) </span>
					</template>
					<template #value>
						{{currentData.visionRight}}
					</template>
				</van-cell>
			</van-cell-group>

			<div id="sub-title">
				<div class="icon"></div>
				<div class="text">眼底检查</div>
			</div>
			<van-cell-group inset>
				<van-cell>
					<template #title>
						<span class="custom-title"> 微动脉瘤 </span>
					</template>
					<template #value>
						{{currentData.eyeMicroaneurysm == 1 ? '有' :
						currentData.eyeMicroaneurysm == 2 ? '无' : '--'}}
					</template>
				</van-cell>
				<van-cell>
					<template #title>
						<span class="custom-title"> 视网膜内出血 </span>
					</template>
					<template #value>
						{{currentData.eyeIntraretinalHemorrhage == 1 ?
						'有(任一象限中&lt;20处)' :
						currentData.eyeIntraretinalHemorrhage == 2 ?
						'有(任一象限中&gt;=20处)' :
						currentData.eyeIntraretinalHemorrhage == 3 ? '无' :
						'--'}}
					</template>
				</van-cell>
				<van-cell>
					<template #title>
						<span class="custom-title"> 棉絮斑 </span>
					</template>
					<template #value>
						{{currentData.eyeCottonWoolSpots == 1 ? '有' :
						currentData.eyeCottonWoolSpots == 2 ? '无' : '--'}}
					</template>
				</van-cell>
				<van-cell>
					<template #title>
						<span class="custom-title"> 硬性渗出 </span>
					</template>
					<template #value>
						{{currentData.eyeHardExudation == 1 ? '有(非后极区)'
						: currentData.eyeHardExudation == 2 ? '有(后极区)' :
						currentData.eyeHardExudation == 3 ? '无' : '--'}}
					</template>
				</van-cell>
				<van-cell>
					<template #title>
						<span class="custom-title"> 静脉串珠样改变 </span>
					</template>
					<template #value>
						{{currentData.eyeVenousBeadedChanges == 1 ?
						'有(&lt;=2个象限)' :
						currentData.eyeVenousBeadedChanges == 2 ?
						'有(&gt;2个象限)' :
						currentData.eyeVenousBeadedChanges == 3 ? '无' :
						'--'}}
					</template>
				</van-cell>
				<van-cell>
					<template #title>
						<span class="custom-title">
							视网膜内微血管异常
						</span>
					</template>
					<template #value>
						{{currentData.eyeMicrovascularAbnormalitiesInRetina
						== 1 ? '有(&lt;=1个象限)' :
						currentData.eyeMicrovascularAbnormalitiesInRetina ==
						2 ? '有(&gt;1个象限)' :
						currentData.eyeMicrovascularAbnormalitiesInRetina ==
						3 ? '无' : '--'}}
					</template>
				</van-cell>
				<van-cell>
					<template #title>
						<span class="custom-title"> 玻璃体积血 </span>
					</template>
					<template #value>
						{{currentData.eyeVitreousHemorrhage == 1 ? '有' :
						currentData.eyeVitreousHemorrhage == 2 ? '无' :
						'--'}}
					</template>
				</van-cell>
				<van-cell>
					<template #title>
						<span class="custom-title"> 新生血管形成 </span>
					</template>
					<template #value>
						{{currentData.eyeNeovascularization == 1 ? '有' :
						currentData.eyeNeovascularization == 2 ? '无' :
						'--'}}
					</template>
				</van-cell>
				<van-cell>
					<template #title>
						<span class="custom-title"> 视网膜前出血 </span>
					</template>
					<template #value>
						{{currentData.eyePreretinalHemorrhage == 1 ? '有' :
						currentData.eyePreretinalHemorrhage == 2 ? '无' :
						'--'}}
					</template>
				</van-cell>
				<van-cell>
					<template #title>
						<span class="custom-title"> 眼底出血 </span>
					</template>
					<template #value>
						{{currentData.eyeFundusBleeding == 1 ? '有' :
						currentData.eyeFundusBleeding == 2 ? '无' : '--'}}
					</template>
				</van-cell>
				<van-cell>
					<template #title>
						<span class="custom-title"> 后极部视网膜增厚 </span>
					</template>
					<template #value>
						{{currentData.eyeThickeningPosteriorRetina == 1 ?
						'有' : currentData.eyeThickeningPosteriorRetina == 2
						? '无' : '--'}}
					</template>
				</van-cell>
			</van-cell-group>

			<div id="sub-title">
				<div class="icon"></div>
				<div class="text">皮肤检查</div>
			</div>
			<van-cell-group inset>
				<van-cell>
					<template #title>
						<span class="custom-title"> 皮肤检查 </span>
					</template>
					<template #value>
						{{currentData.skinExam == 1 ? '无异常' :
						currentData.skinExam == 2 ? '异常' : '--'}}
					</template>
				</van-cell>
				<van-cell v-if="currentData.skinExam == 2">
					<template #title>
						<span class="custom-title"> 皮肤异常症状 </span>
					</template>
					<template #value>
						{{currentData.skinSymptom.indexOf('1') != -1 ?
						'发红' : ''}} {{currentData.skinSymptom.indexOf('2')
						!= -1 ? '疱疹' : ''}}
						{{currentData.skinSymptom.indexOf('3') != -1 ?
						'溃疡' : ''}} {{currentData.skinSymptom.indexOf('4')
						!= -1 ? '黑棘皮' : ''}}
						{{currentData.skinSymptom.indexOf('5') != -1 ?
						currentData.skinSymptomOther : ''}}
					</template>
				</van-cell>
				<van-cell>
					<template #title>
						<span class="custom-title"> 胰岛素注射部位 </span>
					</template>
					<template #value>
						{{currentData.insulinInjection == 1 ? '无异常' :
						currentData.insulinInjection == 2 ? '异常' : '--'}}
					</template>
				</van-cell>
				<van-cell v-if="currentData.insulinInjection == 2">
					<template #title>
						<span class="custom-title"> 胰岛素异常症状 </span>
					</template>
					<template #value>
						{{currentData.insulinInjectionSymptom.indexOf('1')
						!= -1 ? '红肿' : ''}}
						{{currentData.insulinInjectionSymptom.indexOf('2')
						!= -1 ? '溃疡' : ''}}
						{{currentData.insulinInjectionSymptom.indexOf('3')
						!= -1 ? '疱疹' : ''}}
						{{currentData.insulinInjectionSymptom.indexOf('4')
						!= -1 ? currentData.insulinInjectionSymptomOther :
						''}}
					</template>
				</van-cell>
			</van-cell-group>

			<div id="sub-title">
				<div class="icon"></div>
				<div class="text">糖足检查</div>
			</div>
			<van-cell-group inset>
				<van-cell>
					<template #title>
						<span class="custom-title"> 是否有异常状况 </span>
					</template>
					<template #value>
						{{currentData.footSugarFootInspection == 1 ? '异常'
						: currentData.footSugarFootInspection == 2 ?
						'无异常' : '--'}}
					</template>
				</van-cell>
				<div v-if="currentData.footSugarFootInspection == 1">
					<van-cell>
						<template #title>
							<span class="custom-title">
								足背/胫后动脉触诊
							</span>
						</template>
						<template #value>
							{{currentData.footPalpationOfDorsalisPedisArtery
							== 1 ? '正常' :
							currentData.footPalpationOfDorsalisPedisArtery
							== 2 ? '缺失' :
							currentData.footPalpationOfDorsalisPedisArtery
							== 3 ? '减弱' : '--'}}
						</template>
					</van-cell>
					<van-cell>
						<template #title>
							<span class="custom-title"> 振动觉 </span>
						</template>
						<template #value>
							{{currentData.footVibrationSense == 1 ? '正常' :
							currentData.footVibrationSense == 2 ? '缺失' :
							'--'}}
						</template>
					</van-cell>
					<van-cell>
						<template #title>
							<span class="custom-title"> 针刺痛觉 </span>
						</template>
						<template #value>
							{{currentData.footAcupuncturePain == 1 ? '正常'
							: currentData.footAcupuncturePain == 2 ? '缺失'
							: '--'}}
						</template>
					</van-cell>
					<van-cell>
						<template #title>
							<span class="custom-title"> 压力觉 </span>
						</template>
						<template #value>
							{{currentData.footPressureSense == 1 ? '正常' :
							currentData.footPressureSense == 2 ? '缺失' :
							'--'}}
						</template>
					</van-cell>
					<van-cell>
						<template #title>
							<span class="custom-title"> 踝反射 </span>
						</template>
						<template #value>
							{{currentData.footAnkleReflex == 1 ? '正常' :
							currentData.footAnkleReflex == 2 ? '缺失' :
							currentData.footAnkleReflex == 3 ? '减弱' :
							currentData.footAnkleReflex == 4 ? '亢进' :
							'--'}}
						</template>
					</van-cell>
					<van-cell>
						<template #title>
							<span class="custom-title"> 温度觉 </span>
						</template>
						<template #value>
							{{currentData.footTemperatureSense == 1 ? '正常'
							: currentData.footTemperatureSense == 2 ? '缺失'
							: '--'}}
						</template>
					</van-cell>
				</div>
			</van-cell-group>

			<div id="sub-title">
				<div class="icon"></div>
				<div class="text">其它</div>
			</div>
			<van-cell-group inset>
				<van-cell>
					<template #title>
						<span class="custom-title"> 间歇性跛行试验 </span>
					</template>
					<template #value>
						{{currentData.claudicationTest == 1 ? '阳性' :
						currentData.claudicationTest == 2 ? '阴性' : '--'}}
					</template>
				</van-cell>
				<van-cell>
					<template #title>
						<span class="custom-title"> 颈动脉听诊 </span>
					</template>
					<template #value>
						{{currentData.carotidAuscultation == 1 ? '有杂音' :
						currentData.carotidAuscultation == 2 ? '无杂音' :
						'--'}}
					</template>
				</van-cell>
				<van-cell>
					<template #title>
						<span class="custom-title"> 股动脉听诊 </span>
					</template>
					<template #value>
						{{currentData.femoralAuscultation == 1 ? '有杂音' :
						currentData.femoralAuscultation == 2 ? '无杂音' :
						'--'}}
					</template>
				</van-cell>
				<van-cell>
					<template #title>
						<span class="custom-title"> 下肢皮肤温度测定 </span>
					</template>
					<template #value>
						{{currentData.legsSkinTemp == 1 ? '正常' :
						currentData.legsSkinTemp == 2 ? '异常' : '--'}}
					</template>
				</van-cell>
				<van-cell>
					<template #title>
						<span class="custom-title"> 神经传导功能检查 </span>
					</template>
					<template #value>
						{{currentData.nerveConduction == 1 ? '正常' :
						currentData.nerveConduction == 2 ? '异常' : '--'}}
					</template>
				</van-cell>
				<van-cell>
					<template #title>
						<span class="custom-title"> TBI </span>
					</template>
					<template #value>
						{{currentData.tbi == 1 ? '&lt;0.6' : currentData.tbi
						== 2 ? '&gt;=0.6' : '--'}}
					</template>
				</van-cell>
				<van-cell>
					<template #title>
						<span class="custom-title"> ABI </span>
					</template>
					<template #value> {{currentData.abi}} </template>
				</van-cell>
				<van-cell>
					<template #title>
						<span class="custom-title"> ABI运动负荷试验 </span>
					</template>
					<template #value>
						{{currentData.abiExerciseTest == 1 ? '&lt;=0.9' :
						currentData.abiExerciseTest == 2 ?
						'0.9&lt;ABI&lt;=1.3' : currentData.abiExerciseTest
						== 3 ? '&gt;1.3' : '--'}}
					</template>
				</van-cell>
				<van-cell>
					<template #title>
						<span class="custom-title">
							经皮氧分压(tcPO2)
						</span>
					</template>
					<template #value>
						{{currentData.tcpo2 == 1 ? '&lt;30mmHg' :
						currentData.tcpo2 == 2 ? '&gt;=30mmHg' : '--'}}
					</template>
				</van-cell>
			</van-cell-group>
		</div>
	</div>
</body>
<!-- 上线环境用 -->
<script src="../../common/js/vue.global.prod.js"></script>
<!-- 引入 UI 组件库 -->
<script src="../../common/js/vant.min.js"></script>
<!-- axios 接口调用 -->
<script src="../../common/js/axios.min.js"></script>
<script src="../../base.js"></script>

<script type="module">
	import {
		getAction,
		postAction,
		getUrl,
	} from "../../common/js/api/vue3-axios-utils.js";
	const PatientData = {
		data() {
			return {
				url: {
					getInfo: "/102/11/1021102",
					updateInfo: "/102/11/1021101",
				},
				currentData: {},
				patient_url: "../index.html?userid=",
			};
		},
		created() {
			this.getData().catch((error) => {
				console.log(error);
			});
		},

		methods: {
			async getData() {
				let patientId = localStorage.pid;

				this.patient_url = this.patient_url + patientId;

				let url =
					getUrl() + this.url.getInfo + "?patientId=" + patientId;

				const res = await getAction(url);

				if (res.data.success) {
					this.currentData = await res.data.result;
				}
			},
			onClickLeft() {
				window.location.href = "../filesIndex.html";
			},
			onClickRight() {
				window.location.href =
					"../index.html?userid=" + localStorage.pid;
			},
		},
	};

	const app = Vue.createApp(PatientData);

	app.use(vant);

	// 通过 CDN 引入时不会自动注册 Lazyload 组件
	// 可以通过下面的方式手动注册
	app.use(vant.Lazyload);

	// 调用函数组件，弹出一个 Toast
	// vant.Toast("刷新成功");

	app.mount("#app");
</script>

</html>
